<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
			<!-- 3.1 包含用户名，密码，性别，学院，爱好，自我介绍及提交按钮 -->
			用户名：<input type="text" name="name" id="" value="" />
			<br />
			密码：<input type="password" name="password" id="" value="" />
			<br>性别：<br />
			<br>
				<input type="radio" name="sex" id="" value="" />男
				<input type="radio" name="sex" id="" value="" />女
			<br />
			学院:<select name="college">
				<option value ="">闽西职业技术学院</option>
				<option value ="">福建林业</option>
			</select><br />
			爱好:
			<label><input type="checkbox" name="hobby" id="" value="" />篮球</label>
			<label><input type="checkbox" name="hobby" id="" value="" />羽毛球</label>
			<label><input type="checkbox" name="hobby" id="" value="" />写小说</label>
			<label><input type="checkbox" name="hobby" id="" value="" />看电影</label><br />
			自我介绍:<textarea name="introduce" rows="" cols=""></textarea><br />
			<button name="Submit" type="submit">提交按钮</button>
			
	</body>
	<script type="text/javascript">
		// 3.新制作一个注册页面，要求：
		//       3.1 包含用户名，密码，性别，学院，爱好，自我介绍及提交按钮
		//       3.2 包含:输入框，密码框，单选框，多选框，文本域，下拉列表
		//       3.3 每个需要提交的标签都要有name值
		//       3.4 按照name的方式查找各个元素
		var name1=document.getElementsByName('name')
		console.log(name1)
		var name2=document.getElementsByName('password')
		console.log(name2)
		var name3=document.getElementsByName('sex')
		console.log(name3)
		var name4=document.getElementsByName('college')
		console.log(name4)
		var name5=document.getElementsByName('hobby')
		console.log(name5)
		var name6=document.getElementsByName('introduce')
		console.log(name6)
		var name7=document.getElementsByName('Submit')
		console.log(name7)
		
		//       3.5 按照标签的方式查找各个元素
		var tagname=document.getElementsByTagName('input')
		console.log(tagname)
		var tagname1=document.getElementsByTagName('select')
		console.log(tagname1)
		var tagname2=document.getElementsByTagName('label')
		console.log(tagname2)
		var tagname3=document.getElementsByTagName('button')
		console.log(tagname3)
	</script>
</html>
